<div>
    <!--=====Services=====-->
    <section id="Services">
        <div class="container">
            <div class="row">
                <div class="text-center">
                    <h1 class="section-title">我的技能</h1>
                    <p class="section-para">使用AngularJS的指令,sass模块化加上webpack打包完成组件化开发,使用commonJS和requireJS模块化js,把每部分封装成独立的组件,方便复用和维护</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-3 col-sm-6 col-xs-12">
                            <div class="media">
                                <div class="media-left">
                                    <i class="lnr lnr-screen"></i>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">Bootstrap</h4>
                                    <p>Lorem Ipsum adalah text contoh dikan didalam industri pencet typesetting pabila pencetak yang.</p>
                                </div>
                            </div>

                            <div class="media">
                                <div class="media-left">
                                    <i class="lnr lnr-screen"></i>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">Wordpress</h4>
                                    <p>Lorem Ipsum adalah text contoh dikan didalam industri pencet typesetting pabila pencetak yang.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-12">
                            <div class="media">
                                <div class="media-left">
                                    <i class="lnr lnr-laptop-phone"></i>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">Font Awesome</h4>
                                    <p>Lorem Ipsum adalah text contoh dikan didalam industri pencet typesetting pabila pencetak yang.</p>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-left">
                                    <i class="lnr lnr-screen"></i>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">Responsive</h4>
                                    <p>Lorem Ipsum adalah text contoh dikan didalam industri pencet typesetting pabila pencetak yang.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-12">
                            <div class="media">
                                <div class="media-left">
                                    <i class="lnr lnr-tablet"></i>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">Frash &amp; Clean </h4>
                                    <p>Lorem Ipsum adalah text contoh dikan didalam industri pencet typesetting pabila pencetak yang.</p>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-left">
                                    <i class="lnr lnr-screen"></i>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">HTML &amp; CSS3</h4>
                                    <p>Lorem Ipsum adalah text contoh dikan didalam industri pencet typesetting pabila pencetak yang.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-12">
                            <div class="media">
                                <div class="media-left">
                                    <i class="lnr lnr-laptop"></i>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">Drupal</h4>
                                    <p>Lorem Ipsum adalah text contoh dikan didalam industri pencet typesetting pabila pencetak yang.</p>
                                </div>
                            </div>
                            <div class="media">
                                <div class="media-left">
                                    <i class="lnr lnr-screen"></i>
                                </div>
                                <div class="media-body">
                                    <h4 class="media-heading">Joomla</h4>
                                    <p>Lorem Ipsum adalah text contoh dikan didalam industri pencet typesetting pabila pencetak yang.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--=====end Services=====-->
</div>
